<template>
    <div>

        <el-dialog
                title="提示"
                :visible.sync="dialogVisible"
                width="30%"
                >
            <el-input v-model="input"  p placeholder="请输入内容"></el-input>
            <el-input v-model="input1"  placeholder="请输入内容"></el-input>
            <el-select v-model="value" placeholder="请选择">
                <el-option
                        v-for="item in options"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                </el-option>
            </el-select>
            <span slot="footer" class="dialog-footer">
            <el-button @click="dialogVisible = false">取 消</el-button>
            <el-button type="primary" @click="subit">确 定</el-button>
          </span>
        </el-dialog>

    </div>
</template>

<script>
    import {update} from '@/api/user.js'
    export default {
       data(){
           return{
               dialogVisible:false,
               input:'',
               options: [{
                   value: '选项1',
                   label: '黄金糕'
               }, {
                   value: '选项2',
                   label: '双皮奶'
               }, {
                   value: '选项3',
                   label: '蚵仔煎'
               }, {
                   value: '选项4',
                   label: '龙须面'
               }, {
                   value: '选项5',
                   label: '北京烤鸭'
               }],
               value: ''
           }
       },
        methods:{

           async subit(){
               let parms ={
                   input:this.input,
               }
               let data = await update(parms)
               this.$emit('getlist')
               this.hidden()
           },

            show(){
                this.dialogVisible = true
            },
            hidden(){
                this.dialogVisible = false
            },
        },



    }
</script>

<style scoped>

</style>